<?php /*a:1:{s:36:"theme/index/default/index/index.html";i:1554355912;}*/ ?>
<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<meta name="description" />
	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	<title>经销商登录</title> 

   	<link href="/theme/index/default/static/css/mui.min.css" rel="stylesheet"> 
    <link href="/theme/index/default/static/css/alertify.core.css" rel="stylesheet" type="text/css">
    <link href="/theme/index/default/static/css/alertify.default.css" rel="stylesheet" type="text/css">
    <link href="/theme/index/default/static/css/font-awesome.min.css" rel="stylesheet" /> 
	<link href="/theme/index/default/static/css/default.manager.css" rel="stylesheet" type="text/css" />
 	<link href="/theme/index/default/static/css/app.css" rel="stylesheet"/> 
    <link href="/theme/index/default/static/css/SkinConfig-Black.css" rel="stylesheet"  type="text/css"/> 
    <link href="/theme/index/default/static/css/login.css" rel="stylesheet"> 
    
    <script  type="text/javascript" src="/theme/index/default/static/js/jquery.2.1.4.min.js"></script>
   	<script  type="text/javascript" src="/theme/index/default/static/js/mtcache/mt.cache.js"></script>
   	<script  type="text/javascript" src="/theme/index/default/static/js/vue.min.js"></script>   
    <script type="text/javascript" src="/theme/index/default/static/js/lib/alertify.js"></script> 
	<script type="text/javascript" src="/theme/index/default/static/js/lib/jquery.qrcode.min.js"></script>  
    <script type="text/javascript"  src="/theme/index/default/static/js/lib/exif.js"></script> 
    <script type="text/javascript"  src="/theme/index/default/static/js/lib/mobileFix.mini.js"></script> 
    <script type="text/javascript"  src="/theme/index/default/static/js/mt.compress-1.1.js"></script> 
    <script type="text/javascript"  src="/theme/index/default/static/js/mui.min.js"></script>  

 	<script>
		var ajaxCacheTime = 30; 
 	</script>
</head>
<body id="app">   
	<div class="mui-content"> 
    	<div class="container"> 
        	<div id="imgs">
		  		<div id="bg1" class="bg"></div>
		      	<div id="bg2" class="bg fadein"></div>
          		<div id="bg3" class="bg"></div>
	    	</div>
      		<div class="profile profile--open"  style="margin-top:6rem;">
            	<button class="profile__avatar" > 
               		<img src="/theme/index/default/static/images/hyb_logo.jpg" /> 
            		<div class="info_head_img" id="info_head_img" >
			         	<i class="icon user"></i>
			      	</div>  
            	</button>
          
            	<div class="profile__form"> 
                	<div class="profile__fields"> 
                    	<div class="mui-input-row field" style="margin-bottom:1.5rem;">
                        	<span class="mui-icon mui-icon-person" ></span>
                         	<input type="text" name="UserName" id="UserName" placeholder="手机号"  class="mui-input-clear"/> 
                    	</div> 
                   		<div class="mui-input-row mui-password field" >
                         	<span class="mui-icon mui-icon-locked"></span>
					       	<input type="password" name="password" id="password" placeholder="密码" class="mui-input-password ">
			           	</div> 
                 		<div class="mui-row profile_tip"> 默认密码为您的“手机号后6位数字”</div>
                    	<div class="profile__footer"> 
                        	<div class="mui-button-row"> 
						  		<button type="button" class="mui-btn mui-btn-primary"  id="btnlogin" style="width:100%;min-width:6em;z-index:1000;">登 录</button>
                      		</div> 
            				<!--  
            				<div class="mt-flex-row" style="text-align:center;"> 
               					<span style="margin:10px 0 20px;color:#fff;display:inline-block;" ><i class="icon question"></i> 忘记密码</span>
            				</div> 
            				-->
                		</div> 
            		</div>
        		</div>
       			<div class="mt-flex-row wechat" style="z-index:99999999;">
              		<ul class="recommend">
                    	<li class="line"></li>
                    	<li>已绑定微信的可直接登录</li>
                    	<li class="line"></li>
                  	</ul>
                  	<div class="mui-text-center" onclick="bdwx()"  style="width: 50px; height: 50px;margin: 0 auto;border: 1px solid #09bb07;color:#09bb07;line-height: 58px;border-radius: 50%;z-index:99999999">
                  		<i class="fa fa-wechat fa-2x" ></i> 
                  	</div>
             	</div>
          	</div>  
    	</div> 
 	</div> 
    <div id="jingle_toast" class="success" style="display: none;"></div>
    <div id="jingle_popup"  class="loading"> 
   		<div class="circle-loader">
	        <div class="circle-line">
	            <div class="circle circle-blue"></div>
	            <div class="circle circle-blue"></div>
	            <div class="circle circle-blue"></div>
	        </div>
	        <div class="circle-line">
	            <div class="circle circle-yellow"></div>
	            <div class="circle circle-yellow"></div>
	            <div class="circle circle-yellow"></div>
	        </div>
	        <div class="circle-line">
	            <div class="circle circle-red"></div>
	            <div class="circle circle-red"></div>
	            <div class="circle circle-red"></div>
	        </div>
	        <div class="circle-line">
	            <div class="circle circle-green"></div>
	            <div class="circle circle-green"></div>
	            <div class="circle circle-green"></div>
	        </div>
	    </div> 
        <p>加载中...</p>
    </div>
    <div id="jingle_popup_mask" style="opacity: 0.1; display: none;"></div>
    <div style="display: none"> 
	   	<script>
	          setTimeout(function () { 
	              document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust = "100%";  
	           }, 2000);  
	    </script> 
    </div>

    <script>
	//获取窗口的高度
   	var winHeight=window.screen.height;
   	// 替换class达到淡入淡出的效果
	function fadeIn(e) {
		e.className = "bg fadein"
	};

	function fadeOut(e) {
		e.className = "bg"
	};
  	//申明图片数组中当前的轮播图片
  	cur_img = document.getElementById("imgs").children.length - 1;
 	//图片轮播函数
  	function turnImgs(imgs) { 
		var imgs = document.getElementById("imgs").children;
	   	if (cur_img == 0) {
			fadeOut(imgs[cur_img]);
		  	cur_img = imgs.length - 1;
		   	fadeIn(imgs[cur_img]);
	  	} else {
			fadeOut(imgs[cur_img]);
		  	fadeIn(imgs[cur_img - 1]);
		 	cur_img--;
	  	}
  	}
  	//设置轮播间隔  
    window.onload=function(){ 
  		window.onresize=function(){
       		var dHeight=document.body.clientWidth;
          	if(dHeight<winHeight){
         		//document.querySelector(".wechat").style.position="static";
        	}else{
          		//document.querySelector(".wechat").style.position="fixed";
          	}   
       	}
      	setInterval(turnImgs,3000);    
	}
  
	$(function(){
		$("#btnlogin").click(function(){
			//mui.alert('欢迎使用 MUI !')
			var username = $("#UserName").val();
			var password = $("#password").val();
			$.post("/index.php/index/index/login",{username:username,password:password},function(data){
				if(data.code == 1){
					window.location.href = data.url;
				}else{
					mui.alert(data.msg);
				}
			});
		});
	});
	
	function bdwx(){ 
		window.location.href = "/index.php/index/index/wxLogin"; 
	}
	</script>
</body> 
     
</html>
